<template>
    <div class="phonePicture">
        <el-image v-if="materialsInfo.fileInfo?.url" class="send_image" :src="materialsInfo.fileInfo?.url" alt="" fit="cover">
            <template #error>
                <el-image class="send_image" src="file/pic.png" alt=""></el-image>
            </template>
        </el-image>
        <el-image v-else class="send_image" src="file/pic.png" alt=""></el-image>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps(['materialsInfo']);
</script>

<style lang="scss" scoped>
.phonePicture {
    .send_image {
        width: 88px;
        max-height: 150px;
    }
}
</style>
